iT邦幫忙

2024 iThome 鐵人賽

DAY 15
0

接下來我們要來把我們的todolist網站部屬到vercel上面,Vercel 是一個雲端平台,專為前端開發者設計,支持快速部署、預覽和擴展應用。它簡化了從代碼到生產的整個流程,並內建 CI/CD(持續集成/持續部署)功能,讓開發者可以輕鬆部署靜態站點和無伺服器應用程式。Vercel 尤支持多種其他現代前端框架並且可以和自己的git產生連動。

https://ithelp.ithome.com.tw/upload/images/20240924/20169170ibP3Y3epFL.png

首先我們需要將我們的todolist放上去我們的git上面,關於上傳自己git的方法這邊就不多講了,當我們將檔案上傳自git之後,我們可以回到vercel這個網站,點擊上圖右上角的sign up開始進行註冊

https://ithelp.ithome.com.tw/upload/images/20240924/20169170yprIGyjgag.png

選擇為hobby之後並且打上自己的名字之後我們選擇git hub:

https://ithelp.ithome.com.tw/upload/images/20240924/2016917067bs30xHUK.png

如果我們已經有登入過github的話系統就會問我們要不要連動:

https://ithelp.ithome.com.tw/upload/images/20240924/20169170GoaY6hbLaO.png

連動完辦好帳號之後我們便可以選擇我們的git倉庫進行上傳建立我們的網站了:

https://ithelp.ithome.com.tw/upload/images/20240924/201691708Cd5i9zyh1.png

如果我們已經有成功的將我們的專案放到git上面的話,會在列表看到相關的選擇,這時候我們可以選擇導入:

https://ithelp.ithome.com.tw/upload/images/20240924/20169170uoKLd9fvLw.png

然後之後我們就直接點下面的deploy讓vercel自己將我們的專案部屬起來:

https://ithelp.ithome.com.tw/upload/images/20240924/20169170eA5O8ErgqA.png

當我們出現下圖的時候,就代表我們部屬成功瞜~

https://ithelp.ithome.com.tw/upload/images/20240924/20169170fa46PXlXWl.png

我們可以點擊紅框的部分,這時候就會進到屬於你的todolist網頁,下圖紅圈的部分就會是你的專屬網址瞜!

https://ithelp.ithome.com.tw/upload/images/20240924/201691705N5ecUPMzj.png


上一篇
和2魚坐牢的第十四天-todolist之i18n多語系
下一篇
和2魚坐牢的第十六天-前端框架之Astro簡介
系列文
和鱷魚組長的坐牢30天之vue的簡易todolist和Astro的簡易部落格實現17
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言